<template>
  <div class="a">
    <slot name="header"></slot>
    <!-- 匿名标签 -->
    <slot></slot>
    <!-- slot 插槽标签，只要有子组件有这个标签，
    父组件内部，子组件标签中间的东西就可以传入进来
     -->
    <!-- 具名插槽 -->
    <slot name="footer"></slot>
  </div>
</template>
<script>
import EventBus from '@/eventBus/index'
export default {
  methods: {},
}
</script>
<style lang="scss">
.a {
  width: 500px;
  height: 200px;
  margin: 5px;
  border: 1px solid #000;
  border-radius: 10px;
  overflow: auto;
}
</style>
